<template>
  <v-tabs v-model="tab" bg-color="primary">
    <v-tab value="Table">Table</v-tab>
    <v-tab value="Form">Form</v-tab>
  </v-tabs>

  <v-card-text>
    <v-window v-model="tab">
      <v-window-item value="Table">
        <AppTable />
      </v-window-item>

      <v-window-item value="Form">
        <AppForm />
      </v-window-item>
    </v-window>
  </v-card-text>
</template>

<script setup>
import { ref } from "vue";
import AppTable from "./AppTable.vue";
import AppForm from "./AppForm.vue";

const tab = ref("Table");
</script>
